<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // function fun1(a){
        //     console.log("我是函数1")
        //     a()
        // }
        // function fun2(b){
        //     console.log("我是函数2")
        //     b()
        // }
        // function fun3(c){
        //     console.log("我是函数3");
        //     c()
        // }
        // function fun4(){
        //     console.log("我是最内层");
        // }

        function fun1(a){
            setTimeout(function(){
                console.log("我是函数1")
                a()
            },2000)
        }
        function fun2(b){
            setTimeout(function(){
                console.log("我是函数2")
                b()
            },2000)
        }
        function fun3(c){
            setTimeout(function(){
                console.log("我是函数3");
                c()
            },2000)
        }
        function fun4(){
            setTimeout(function(){
                console.log("我是最内层");
            },2000)
        }

        fun1(
            function(){
                fun2(
                    function(){
                        fun3(
                            function(){
                                fun4();
                            }
                        )
                    }
                )
            }
        )

        console.log("你干你的，我干我的")
    </script>
</body>
</html>